﻿@charset "utf-8";

/*****************************************************
	CSS Reset
*****************************************************/
h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd,
table, th, td, img, form, div 
{
	margin: 0;
	padding: 0;
	border: none;
	font-size:12px;
	text-align: left;
}

/*****************************************************
	Default Style
*****************************************************/
html 
{
	height:100%;
	overflow-y:hidden;
}

body
{
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: 宋体;
    font-size: 12px;
    color: #333;
    text-align: center;
    background: #fff;
	overflow-y:hidden;
}

a{
	color:#0066cc;
	text-decoration:none;
}
a:hover
{
	color:#0066cc;
	text-decoration:underline;
}

img { vertical-align:bottom; border:0;}
textarea { font-size:100%; }

/*****************************************************
	Layoutbox
*****************************************************/
div#container{
	width:100%;
	height:100%;
	margin:0 auto;
	padding:0;
}
div#container:after{
	content:"";
	display:block;
	clear:both;
	height:1px;
	overflow:hidden;
}
/*\*/
* html #container 
{
	height:1em;
	overflow:visible;
}
/**/
/*****************************************************
	Header
*****************************************************/
header{
	position:absolute;
	top:0;
	width:100%;
	height:80px;
	background:url(../images/bg_header_admin.png) repeat-x top left;
	z-index:10;
}
header #logo {
	float:left;
	width:280px;
	height:85px;
	background:url(../images/logo_admin.png) no-repeat 35px 20px;
}
header #admin_title 
{
	float:left;
	width:320px;
	height:85px;
	color:#009a00;
	font-size:200%;
	background:url(../images/txt_title_admin.png) no-repeat 0px 25px;
}
header #admin_title_user {
	float:left;
	width:320px;
	height:85px;
	color:#009a00;
	font-size:200%;
	background:url(../images/txt_title_user_admin.png) no-repeat 0px 25px;
}

/*应急反应状态栏*/
div#emergency_reaction_statusbar
{
    float: right;
    clear:both;
    padding-left: 8px;
    height:80px;
    min-width:380px;
    border-left-style: dotted;
    border-left-width: 1px;
    border-left-color: #C0C0C0; 
}

div#emergency_reaction_statusbar a
{
    display:block;
    text-decoration: none;
}

div#emergency_reaction_statusbar img
{
    width: 56px;
    height:48px;
    display: block;
	float :left;
	margin-right:6px;
	margin-top: 3px;
	margin-bottom: 4px;
}

div#emergency_reaction_statusbar span
{
    min-width: 230px;
    height:100%;
    display: block;
    float: left;
    margin-right: 6px;
    margin-top: 1px;
    margin-bottom: 4px;
    padding: 1px;
    line-height: 16px;
    overflow-y: hidden;
    overflow-x: visible;
    font-size: 12px;
    color: #ccc;
    word-wrap:normal;
}

div#login_menu 
{
	display:block;
	clear:both;
	float:right;
	margin-top:54px;
}

div#login_menu ul
{
	float:right;
	margin-top:2px;
}
div#login_menu ul li
{
	float:left;
	list-style-type:none;
	color:#ccc;
	padding-right:10px;
	font-weight: bold;
}
div#login_menu ul li a
{
	color:#ccc;
}
/*****************************************************
	Footer
*****************************************************/
footer
{
    padding-top: 5px;
    margin-top: 1px;
    border-top: 1px solid #ccc;
}
footer a{
	color:#333;
	text-decoration:none;
}
footer a:hover{
	color:#333;
	text-decoration:underline;
}
footer ul{
	margin-left:5px;
}
footer ul li{
	float:left;
	padding-top:2px;
	padding-left:10px;
	list-style:none;
	color:#303030;
}
footer ul li#copy{
	float:left;
	padding:5px 10px 0 10px;
	list-style:none;
}
/*****************************************************
	Contents
*****************************************************/
div#main_login{
	position:relative;
	width:100%;
	margin:-2px auto 0;
}
div#main{
	width:100%;
	height:auto;
	min-height:100%;
	margin:-2px 0 0 0;
	background:url(../images/bg_admin_side_menu.png) repeat-y top left;
}
div#main:after{
	content:"";
	display:block;
	clear:both;
	height:1px;
	overflow:hidden;
}
div#topBarPlace {
    height: 80px;
}
/*****************************************************
	sidemenu
*****************************************************/
#main #sidemenu{
    float:left;
	width:170px;
	height:100%;
	margin:0;
	z-index:4;
	box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
}
#main #sidemenu *
{
	box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
}
#main #sidemenu p span {
	width:110px;
}
/*****************************************************
	content
*****************************************************/
#main div#content{
	width:auto;
	height:auto;
	margin:0 0 0 170px;
	padding:30px 15px 0;
}
#main div#content:after{
	content:"";
	display:block;
	clear:both;
	height:1px;
	overflow:hidden;
}
#main div#content h1 {
	font-size:200%;
	font-weight:600;
}
#main div#content h2 
{
	font-size: ;
	font-weight: bold;
	color: #481274;
	line-height: 130%;
    padding-bottom: 2px;
}

@media screen and (max-width: 1024px)
{
    img#bg-img {
	    left: 50%\9;
	    margin-left: -512px\9;
    }
}

TABLE.TableDetail 
{
	border-collapse:collapse;
	color: #424041;
	padding: 0;
	margin:0;
	width: 800px;
}

TABLE.TableDetail th 
{
	border:1px solid #DEDEDE;
	color: #484848;
	font-size :12px;
	padding: 6px;
	text-align: right;
	width: 120px;
	background: #EEE;
}

TABLE.TableDetail td 
{
    border-left: 0px solid #DEDEDE;
    border-right: 1px solid #DEDEDE;
    border-top: 1px solid #DEDEDE;
	border-bottom:1px solid #DEDEDE;
	border-collapse:collapse;
	color: #424041;
	font-size: 12px;
	line-height: 22px;
	margin: 0;
	list-style-type: none;
	padding-bottom: 6px;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 6px;
}

TABLE.TableDetailList
{
	border-collapse:collapse;
	color: #424041;
	padding:0;
	margin:0;
	border: solid 0px #DEDEDE;
	width: 100%;
}

TABLE.TableDetailList th
{
    border-right: 1px solid #DEDEDE;
    border-top-width: 0px;
    text-align: center;
    color: #484848;
    font-size: 12px;
    line-height: 18px;
    padding: 6px;
    width: 120px;
}

TABLE.TableDetailList th.FirstCell
{
    border-left-width:0px; 
}

TABLE.TableDetailList th.LastCell
{
    border-right-width:0px; 
}

TABLE.TableDetailList td 
{
    border-left: 1px solid #DEDEDE;
    border-right: 1px solid #DEDEDE;
    border-top: 1px solid #DEDEDE;
	border-bottom:1px solid #DEDEDE;
	border-collapse:collapse;
	color: #424041;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
	list-style-type: none;
}

TABLE.TableDetailList td.FirstCell
{
    border-left-width:0px;     
}

TABLE.TableDetailList td.LastCell
{
    border-right-width:0px;     
}

TABLE.TableDetailList td.Money 
{
    text-align:right;
    border-bottom-width :0px;
}

.QuickList 
{
	color:#424041;
	font-size: 12px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.QuickList li {
    float: left;
    line-height: 18px;
    list-style-type: none;
    padding: 4px 12px 4px 12px;
    word-spacing: nowrap;
    work-break:break-all;
}

.AttachmentList 
{
	color:#424041;
	font-size: 12px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.AttachmentList li 
{
    line-height: 18px;
    list-style-type: none;
    padding: 4px 12px 4px 12px;
    word-spacing: nowrap;
    work-break:break-all;
}

/*日志内容样式*/
.JournalContent
{
    margin:0;
    padding:0;
    overflow:auto;
    width:100%;
    height:auto;
}

/*图片容器*/
DIV.PhotoContainer 
{
    overflow-x:auto;
    overflow-y: visible;
    width :520px;
}

/*图片容器*/
DIV.PhotoContent
{
    overflow:visible;
    margin:0;
    padding:0;
}

/*日志图片*/
DIV.JournalPhoto
{
    border: 1px solid #C4C2C2;
    float:left;
    display:inline;
    height: 92px;
    padding: 6px;
    margin:6px;
    width: 128px;
    clear:none;
}

DIV.Main_Content
{
    position: absolute; 
    top: 80px; 
    left: 0px; 
    bottom: 0px;
    right: 0px; 
    display: block; 
    overflow:hidden; 
    padding: 0;
    margin:0;   
	background:url(../images/bg_admin_side_menu.png) repeat-y top left; 
}

/*菜单容器样式*/
DIV.Side_Menu
{
    top: 0px; 
    left: 0px; 
    bottom: 0px;
    display: block; 
    overflow:hidden;     
    position:absolute;
    display:block;
    float:left;
    width:159px; 
}

/*菜单样式*/
ul.Menu
{
	width:157px;
	display:block;
	float:left;
}

ul.Menu li
{
	list-style-type:none;
}

ul.Menu li a
{
    color:#333;
    text-decoration:none;
    display:block;
    padding:5px 0px 7px 24px;	
	border-bottom:solid 1px #c1c1c1;
	border-top:solid 1px #fff;
	background:url(../images/menu.png) no-repeat 9px 9px;
}

ul.Menu li a:hover
{
    background-color: #EFEFEF;
    color: #FF9900; 
	background:url(../images/menu_hover.png) no-repeat 9px 9px;    
}

/*菜单样式*/
span.MenuTitle
{
    font-size: 12px;
    font-weight: bold;
    font-family: 宋体;
    height:20px;
    line-height:20px;
    display:block;
    float:left;
    color: #2C3D5A;
    background:url(../images/menu_title.png) no-repeat 3px 3px;
    text-indent:24px;
}

/*菜单分组样式*/
span.MenuGroupTitle
{
    font-size: 12px;
    font-weight: bold;
    font-family: 宋体;
    height: 20px;
    line-height: 20px;
    display: block;
    float: left;
    color: #808080;
    text-indent: 24px;
    background: url(../images/menu_group.png) no-repeat 3px 3px;
}

/*页面容器样式*/
DIV.Body_Content
{
    top: 0px; 
    left: 159px; 
    bottom: 48px;
    right: 0px; 
    display: block; 
    overflow-x:hide;
    overflow-y:auto;
    position:absolute;
    display:block;
    padding: 18px 9px 18px 18px;
}

DIV.Body_Content h1 
{
	font-size:200%;
	font-weight:600;
}

DIV.Body_Content h2
{
    font-size: 16px;
    font-weight: bold;
    color: #481274;
    text-indent: 6px;
    padding-bottom: 3px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #CDCDCD;
}


/*页脚容器样式*/
DIV.Footer_Content
{
    height:48px;
    left: 159px; 
    bottom: 0px;
    right: 0px; 
    display: block; 
    overflow:hidden;     
    position:absolute;
    display:block;  
    line-height:32px;
}

/*图片样式*/
ul.PhotoList 
{
	width:400px;
	display:block;
	float:left;
}

ul.PhotoList li
{
	list-style-type:none;
	margin-bottom :9px;		
}

ul.PhotoList li a
{
    display:block;
	clear: both;
	text-align:center;
	height: 324px;
    text-decoration: none;	
}

ul.PhotoList img
{
    display: block;
	width: 400px;
	height: 300px;
	float: left;
	clear: both;
}

ul.PhotoList span
{
    display: block;
    width: 400px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-size: 14px;
}

/*报表容器*/
iframe.ReportFrame
{
    overflow: hidden; 
    width:100%;
    height:100%;
    padding-top:0px;
    padding-bottom:0px;
    padding-left:0px;
    padding-right:0px;
}

/*报表连接*/
a.ReportLink
{
    border: 1px solid #C0C0C0;
    text-decoration: none;
    display:block;
    float:left;
    width:138px;
    text-align:center;
    margin:12px;
    padding:9px;
}

a.ReportLink:hover
{
    color:Red;
}

a.ReportLink img
{
    width:120px;
}

a.ReportLink span
{
    display:block;
    clear:both;
    line-height:18px;
}

/*审核意见*/
a.Comment
{
    color: #CC3300;
    text-decoration: none;
}

a.Comment:hover
{
    color: #FF0000;
}